// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at https://mozilla.org/MPL/2.0/.

@use '~@mozilla-protocol/core/protocol/css/includes/lib' as * with ($font-path: '/media/protocol/fonts', $image-path: '/media/protocol/img');
@use '~@mozilla-protocol/core/protocol/css/components/notification-bar';
@use '~@mozilla-protocol/core/protocol/css/components/forms/form';
@use '~@mozilla-protocol/core/protocol/css/components/forms/field';
@use '~@mozilla-protocol/core/protocol/css/components/logos/logo';
@use '~@mozilla-protocol/core/protocol/css/components/logos/logo-product-firefox';

/* -------------------------------------------------------------------------- */
// Article

.mzp-c-article {
    h1 {
        @include text-title-xl;
        -webkit-hyphens: auto;
        hyphens: auto;
        overflow-wrap: break-word;
    }

    h2 {
        @include text-title-sm;
        margin-top: $spacing-lg;
    }

    h3 {
        @include text-title-xs;
    }

    @media #{$mq-lg} {
        h1 {
            -webkit-hyphens: none;
            hyphens: none;
        }
    }
}

.mzp-c-emphasis-box {
    margin-top: $spacing-2xl;
}

.mzp-c-newsletter {
    margin: $spacing-sm;
}

// manual styling for markdown content.
.article-body {
    blockquote {
        @include text-body-lg;
    }

    ul {
        list-style: disc;
    }

    ol {
        list-style: decimal;
    }

    li {
        margin: $spacing-sm $spacing-lg;
    }
}

/* -------------------------------------------------------------------------- */
// Sidebar

.mzp-l-sidebar {
    .mzp-l-menu-note {
        @include text-body-sm;
    }
}

/* -------------------------------------------------------------------------- */
// Form

#outer-wrapper .mzp-c-notification-bar {
    margin-bottom: $spacing-xl;
}

.super-priority-field {
    display: none;
}
